<template>
	<view class="container">
		<view class=""  v-for="(item,index) in dataList" :key="index" @tap="EditInfo(item,index)">
			<view class="Edit_User">
				<view class="img_tel">
					<view class="userinfo">
						<image class="user_img" :src="item.title" mode="" v-if="item.title_type == 'img'"></image>
						<view class="" v-else>{{item.title}}</view>
					</view>
					<view class="user_phone" v-if="item.info">{{item.info}}</view>
				</view>
				<view class="text">
					<view class="" v-if="item.user">{{item.user}}</view>
					<view class="" v-if="item.tips">{{item.tips}}</view>
					<uni-icons class="user_phone" type="forward" size="20" color="#ccc" v-if="disable"></uni-icons>
				</view>
			</view>
			<Lines/>
		</view>
	</view>
</template>

<script>
	import Lines from '@/components/common/Lines.vue'
	export default {
		props: {
			dataList:Array,
			disable:Boolean
		},
		data() {
			return {

			}
		},
		components:{
			Lines
		},
		methods: {
			EditInfo(item,index){
				if(this.disable){
					if(index == 0){
						uni.navigateTo({
							url:'/pages/login-set-pwd/login-set-pwd?pageType='+'my'+''
						})
					}else if(index == 1){
						uni.navigateTo({
							url:'/pages/edit-password/edit-password'
						})
					}
				}
			}
		}
	}
</script>

<style scoped>
	.userinfo {
		display: flex;
		align-items: center;
		margin-right: 10rpx;
	}

	.Edit_User {
		padding: 10rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.user_phone {
		font-size: 22rpx;
		margin-left: 16rpx;
	}

	.text {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 22rpx;
		color: #b9b9b9;
	}

	.user_img {
		width: 80rpx;
		height: 80rpx;
		border-radius: 100%;
	}

	.img_tel {
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>